<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css样式</title>
		<!-- html中元素自带属性和属性值 做单个元素效果
		 css样式表 整体或者单个元素效果
		  引入css，1.引入css样式【4种】
		           1.1内联样式表 不建议使用 没有实现内容与表相分离
				   1.2 内部样式表 练习专用
				      1.2.1 使用方式  head 元素添加style元素
					  1.2.2编写css语法
				1.3外部样式表 项目专用 
				 1.3.1使用方式 head元素 添加ink元素 指定css文件
				 1.3.2创建xxx.css
				1.4 引入样式表  不用  致命bug
				1.4.1 使用head元素 添加style元素
				1.4.2 创建xxx.css文件
				1.4.3在style元素中加@import(xxx.css)
				缺点：项目内容大 先执行结构
		         2.编写css语法 css属性和属性值使用
				 
				   \-->
     <style>
		 inport ur1<>
		 /* css3注释*/
		 p{
		 /*属性和属性值 添加【样式】效果 */
		 /*效果 剧中 */
		 text-align:conter;
		 /* 效果：背景颜色  色值：十六进制*/
		 backround-color:#4a52ee;/* 京东红 */
		 /* 效果 文本放大*/
		 font-size:50px;
		 width: 249px;
		 height: 249px;
		 /* */
		 }
	 </style> 
	 <link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<!-- html 效果 -->
		<p align="center">lorem</p>
		<span>行元素内容<
		<!--  css效果-->
		<p style="text-align: center">lorem2</p>
	</body>
</html>
